﻿/****************************************/
/********** XHTMLOA style V1.0 **********/
/****************************************/

#master .header{height:100px;}
#master .footer{height:45px;}

/********** common style **********/
html{ height:100%;}
body{margin:0px; font-size:9pt; height:100%;
scrollbar-face-color: #DBE2F4;
scrollbar-highlight-color: #F5FFFF;
scrollbar-shadow-color: #DCDFF0;
scrollbar-3dlight-color: #909FBE;
scrollbar-arrow-color: #8993AC;
scrollbar-track-color: #E4ECF9;
scrollbar-darkshadow-color: #909FBE;
}
table{font-size:9pt;}
th{font-weight:normal;text-align:left;}
ul{ padding:0px; margin:0px;}
li{ padding:0px; margin:0px; list-style-type:none;}
input{font-size:9pt; }
select{font-size:9pt;}
img{ border:0px;}
h1,h2,h3,h4,h5{ margin:0px; padding:0px;}

.com_textarea{border:1px solid #7F9DB9;font-size:9pt; color:#333;}
.com_textbox{border:1px solid #7F9DB9;font-size:9pt; color:#333;}
.com_readbox{border:0px;border-bottom:1px solid #7F9DB9;font-size:9pt; color:#333; background-color:Transparent; color:#333;}
.com_select{font-size:9pt; color:#333;}
.com_error{color:red;}
.com_import{color:red;}
.com_alter{color:red;}
.com_b{height:20px;font-size:9pt; margin:3px 5px 0px 5px; padding:2px 3px 0px 3px; BORDER: #15669B 1px outset; width:auto; background-image:url(com_b_bg.gif); background-repeat:repeat-x;}


/*LinkBotton*/
a.linkbtn {background:url(linkbtn_l.gif) no-repeat left top;height:20px;padding:0px 0px 0px 3px;text-decoration:none;display:inline-block;}
a.linkbtn span {background:url(linkbtn_r.gif) no-repeat right top;height:20px; display:inline-block; line-height:20px; font-weight:normal; color:#00156E; padding:0px 8px 0px 5px;text-align:center; cursor:hand;white-space:nowrap; WORD-BREAK: keep-all;}
a.linkbtn:hover {background-position:0% -20px;}
a.linkbtn:hover span {background-position:100% -20px;color:#00156E;}
/*END LinkBotton*/

#master{ height:100%;  width:100%; overflow:hidden;background-color:#E9E9E9;}
#master .container{}

#master .header{background:#cfe5f3 url(master_header.png) no-repeat left top;width:100%; padding:1px;}
#master .header h1{text-align:center;padding-top: 10px}

#master .userinfo{ text-align:right; position:absolute; top:10px; right:20px; font-weight:bold;}

#master .navigation{ position:absolute;top:65px; background:url(nav_mg.jpg) repeat-x left top; width:100%; height:30px; border-top:5px solid #3996C1;}
#master .navigation li{ float:left; background:url(nav_c.jpg) no-repeat right top;}
#master .navigation li a:link,#master .navigation li a:visited{color:#fff; word-break:keep-all; display:inline-block; width:110px; text-align:center; font-weight:bold;cursor:hand; font-size:13px; line-height:30px; text-decoration:none;}
#master .navigation li a:hover{background:url(nav_s.jpg) no-repeat top center;}
#master .navigation li a.current{background:url(nav_s.jpg) no-repeat top center;}

#master .content{  position:relative; margin:5px;}
#master .submenu{width:200px; height:100%;overflow-x: hidden; overflow-y:auto; position:absolute; left:0px; top:0px; background-color:White; border:1px solid #4BADDC; padding:1px; }
#master .mainarea{ margin-left:210px;height:100%; overflow-x:hidden;overflow-y:auto; border:1px solid #4BADDC;  background-color:White; padding:1px;}

#master .footer{ background:url(master_footer.jpg) repeat-x left 5px; padding-top:10px; text-align:center;}

.submenu h2{background:#59B4E1 url(submenu_h2.jpg) no-repeat left top; height:35px; text-indent:-9999px; width: 200px}
.submenu h3{background:url(submenu_h3.jpg) no-repeat left top;font-size:9pt; padding-top:8px;height:20px; padding-left:10px;  cursor:default; width: 200px}
.submenu ul{ padding:0px 2px 5px;}
.submenu ul li{ padding:0px; border:1px solid #fff;}
.submenu li a{ display:block; line-height:22px; text-decoration:none; padding-left:10px; color:#666; border:1px solid #fff;  }
.submenu li a:hover{ border:1px solid #ccc; background-color:#F3F8FE; }

.mainarea .crumb{ height:30px; background:#E0EDF3 url(crumb.jpg) no-repeat left top; border:1px solid #4BADDC; line-height:30px; padding-left:60px; }
.mainarea h2{ background:url(h2_icon.gif) no-repeat 10px 9px; height:35px; font-size:9pt; line-height:35px; height:25px; padding-left:35px; float:left;}

.toolbar{ float:right; padding:5px;}
.toolbar a{background:url(toolbar_btnl.gif) no-repeat left top;height:22px;padding:0px 0px 0px 3px;text-decoration:none;  display:inline-block;}
.toolbar a span {background:url(toolbar_btnr.gif) no-repeat right top;height:20px;  display:inline-block; color:#3F5687; padding:2px 5px 0px 2px;text-align:center; cursor:hand;white-space:nowrap; WORD-BREAK: keep-all;}
.toolbar a span img{ border:0px; margin-bottom:-4px; margin-right:5px;}
.toolbar a:hover {background-position:0% -22px;}
.toolbar a:hover span {background-position:100% -22px;color:#333;}

.search{ float:none; clear:both;}
.search table{ width:100%; border-collapse:collapse;}
.search th{ border:1px solid #DEDEDE; background-color:#F2F8F8; padding-left:5px;}
.search td{ border:1px solid #DEDEDE; background-color:#F7FBFA; padding:2px;}

.dg_borderstyle{ width:100%; border-collapse:collapse;}
.dg_borderstyle th{height:24px; background:#F1F1F1 url(dg_headerstyle.gif); color:#333; text-align:center; font-weight:bold; border:1px solid #DEDEDE; }
.dg_borderstyle th a{ color:#267EA6; text-decoration:none; }
.dg_borderstyle td{ border:1px solid #DEDEDE; padding:2px 5px;}
.dg_borderstyle td img{ margin:0px 3px;}
.dg_borderstyle td td{ border:0px; padding:0px;}
.dg_alternatingitemstyle{height:22px;  background-color:#F5F5F5;}
.dg_itemstyle{height:22px; background-color:White; }

.dg_pagerstyle{ text-align:right; padding-top:3px; }
.dg_pagerstyle .pageinfo{padding-top:5px;padding-left:3px;color:#4B506D; float:left;}
.dg_pagerstyle .pagejump {display:inline; padding-right:10px;}
.dg_pagerstyle .pagejump input{ width:20px;font-size:8pt;}
.dg_pagerstyle .pagebtn {display:inline;}
.dg_pagerstyle .pagebtn a{ display:inline-block; margin-bottom:-4px;}
.dg_pagerstyle .pagefirst{}
.dg_pagerstyle .pagepre{}
.dg_pagerstyle .pagenext{}
.dg_pagerstyle .pageend{margin-right:10px;}
